<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
    document.getElementById('table').style.height = '80%';
}
onload = runRepaintAndPixelTest;
</script>
<style>
body {
    margin: 0;
}
table {
    position: absolute;
    height: 100px;
}
td {
    vertical-align: middle;
    width: 100px;
}
</style>
<div style="height: 50px">
Tests repaint of middle-vertical-aligned table cells when table changes size.
The result repaint rects should cover the middle-vertical-aligned table cells.
</div>
<table id="table">
    <tr>
        <td>MIDDLE</td>
    </tr>
</table>
